/* GENERICS */
.wrapper {
	margin: 0 auto;
	width: 100%;
}
/* /GENERICS */

/* HEADER */
#pages #header ul{
	padding:30px 0;
	width:411px;
	margin:0 auto;
	height:74px;
}

#pages #header ul li{
	display:block;
	float:left;
	width:60px;
	line-height:74px;
	text-align: center;
}

#pages #header ul li.logo{
	width:91px;
	height:74px;
	padding:0 90px;
}

#pages #header ul li a{
	font-size:13px;
}
/* HEADER */


/* PROJECTS */
div#projects{
	background:none;
}

div#projects .project > div{
	float:none;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

div#projects .project .preview .desktop{
	display:none;
}

div#projects .project .preview .tablet{
	display:block;
}

div#projects .project .preview{
	overflow:hidden;
	z-index:1;
}

div#projects .project .description{
	height:100%;
	z-index:2;
	background:url(../Img/projects/opacity.png) repeat center center transparent;
}

div#projects .project .description table{
	height:100%;
}
div#projects .project .description table tr{
	height:100%;
}
div#projects .project .description table td{
	height:100%;
	vertical-align: middle;
	text-align: center;
}

div#projects .project .description table td h2{
	font-size:20px;
	text-transform: uppercase;
	color:#ffffff;
	letter-spacing: 1px;
	margin:0 0 10px 0;
}

div#projects .project .description table td a{
	font-family: Georgia;
	color:#51fd96;
	font-size: 13px;
}
/* /PROJECTS */

/* HOME_FEED */
#home_feed{
	background-color:#000000;
	height:auto;
	overflow:hidden;
}

#home_feed .follow{
	background-color:#000000;
	height:20px;
	text-align: center;
	color:#ffffff;
	padding:15px 5px;
}

#home_feed .follow a{
	background: url(../Img/feed/instagram.png) no-repeat right center transparent;
	padding:4px 75px 4px 0;
	line-height: 20px;
	color:#ffffff;
}

/* /HOME_FEED */

/* IN PROGRESS */

div#in_progress {
	height: 350px;
}

div#in_progress .controls {
	height: 176px;
	margin: -81px 0 0 -300px;
	width: 600px;
}

div#in_progress .controls .arrow {
	margin: 57px 0 0;
}

div#in_progress .middle {
	width: 436px;
}

div#in_progress .middle .highlights {
	height:102px;
	line-height: 25px;
	font-size: 18px;
	margin:0 0 33px;
}

div#in_progress .middle .highlights .highlight .text{
	height:75px;
	line-height: 22px;
	letter-spacing: 0px;
	font-size: 16px;
	letter-spacing: 0;
}


div#in_progress .middle .progress {
	font-size: 14px;
	line-height: 15px;
	margin: 0 0 20px;
}
/* /IN PROGRESS */

/* EDITO */

div.edito .text{
	font-size:16px;
	line-height:24px;
	margin:0 0 24px 0;
}

div.edito a{
	font-size:13px;
}
/* /EDITO */

/* CONTACT */

#contact_me .items .item .desktop{
	display:none;
}

#contact_me .items .item .tablet{
	display:block;
}

#contact_me .text {
	height: 420px;
	left: 0;
	margin: -210px auto 0;
	padding: 0 10%;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 80%;
}

#contact_me .text h1{
	font-size: 25px;
	line-height: 29px;
}
/* /CONTACT */

/* PROJECT */
.content.project .main_visual tr td h1{
	font-size: 20px;
}

.content.project .main_visual tr td .desc{
	font-size: 14px;
}

.content.project .site{
	height:42px;
}

.content.project .site *{
	font-size:12px;
	line-height:42px;
}

.content.project .controls{
	margin:50px 8% 0;
	width:84%;
}

.content.project .controls .arrow{
	width:2%;
	height:12px;
	background-position: left -7px;
	margin:5px 0 0;
}

.content.project .controls .arrow.next{
	background-position: bottom right;
}

.content.project .controls .infos{
	width:90%;
	margin:0 3%;
}

.content.project .controls .infos .long_name{
	font-size:17px;
}

.content.project .controls .infos .more > div{
	font-size:11px;
}

/* PREVIEW */
.content.project .preview{
	margin-top:50px;
}

.content.project .preview .format .device{
	position:relative;
}

/* FORMAT */
.content.project .preview .format.format_d,
.content.project .preview .format.format_t,
.content.project .preview .format.format_m,
.content.project .preview .format.format_dt,
.content.project .preview .format.format_dm,
.content.project .preview .format.format_tm,
.content.project .preview .format.format_dtm{
	height: auto;
}

.content.project .preview .format.format_d .device.desktop,
.content.project .preview .format.format_t .device.desktop,
.content.project .preview .format.format_m .device.desktop,
.content.project .preview .format.format_dt .device.desktop,
.content.project .preview .format.format_dm .device.desktop,
.content.project .preview .format.format_tm .device.desktop,
.content.project .preview .format.format_dtm .device.desktop{
	width:477px;
	height:400px;
	margin:0 auto 65px;
	top:0;
	left:0;
}

.content.project .preview .format.format_d .device.desktop .screens ,
.content.project .preview .format.format_t .device.desktop .screens ,
.content.project .preview .format.format_m .device.desktop .screens ,
.content.project .preview .format.format_dt .device.desktop .screens ,
.content.project .preview .format.format_dm .device.desktop .screens ,
.content.project .preview .format.format_tm .device.desktop .screens ,
.content.project .preview .format.format_dtm .device.desktop .screens {
	height: 262px;
	left: 31px;
	top: 21px;
	width: 416px;
}

.content.project .preview .format.format_d .device.tablet,
.content.project .preview .format.format_t .device.tablet,
.content.project .preview .format.format_m .device.tablet,
.content.project .preview .format.format_dt .device.tablet,
.content.project .preview .format.format_dm .device.tablet,
.content.project .preview .format.format_tm .device.tablet,
.content.project .preview .format.format_dtm .device.tablet{
	width:394px;
	height:400px;
	margin:0 auto 65px;
	top:0;
	left:0;
}

.content.project .preview .format.format_d .device.tablet .screens ,
.content.project .preview .format.format_t .device.tablet .screens ,
.content.project .preview .format.format_m .device.tablet .screens ,
.content.project .preview .format.format_dt .device.tablet .screens ,
.content.project .preview .format.format_dm .device.tablet .screens ,
.content.project .preview .format.format_tm .device.tablet .screens ,
.content.project .preview .format.format_dtm .device.tablet .screens {
	height: 323px;
	left: 67px;
	top: 32px;
	width: 259px;
}

.content.project .preview .format.format_d .device.mobile,
.content.project .preview .format.format_t .device.mobile,
.content.project .preview .format.format_m .device.mobile,
.content.project .preview .format.format_dt .device.mobile,
.content.project .preview .format.format_dm .device.mobile,
.content.project .preview .format.format_tm .device.mobile,
.content.project .preview .format.format_dtm .device.mobile{
	width:201px;
	height:400px;
	margin:0 auto 65px;
	top:0;
	left:0;
}

.content.project .preview .format.format_d .device.mobile .screens ,
.content.project .preview .format.format_t .device.mobile .screens ,
.content.project .preview .format.format_m .device.mobile .screens ,
.content.project .preview .format.format_dt .device.mobile .screens ,
.content.project .preview .format.format_dm .device.mobile .screens ,
.content.project .preview .format.format_tm .device.mobile .screens ,
.content.project .preview .format.format_dtm .device.mobile .screens {
	height: 284px;
	left: 20px;
	top: 58px;
	width: 162px;
}

/* /FORMAT*/
/* PREVIEW */

.content.project .video{
	width:620px;
	margin:70px auto 0;
	height:348px;
}

.content.project .project_slider{
	height:600px;
	margin-top:70px;
}

.content.project .project_slider .controls{
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width:100%;
}

.content.project .project_slider .controls .arrow{
	width:78px;
	height:41px;
	background: url(../Img/projects/arrows_slider.png) no-repeat 0 -41px;
	float:none;
	position:absolute;
	top:280px;
	margin:0;
}

.content.project .project_slider .controls .arrow.previous{
	left:0;
}

.content.project .project_slider .controls .arrow.next{
	background-position:-78px -41px;
	right:0;
}

.content.project .project_slider .info{
	display:none;
}

.content.project .awards{
	padding:50px 5%;
}

.content.project .awards h2{
	padding:50px 0 0 0;
	background: url(../Img/projects/awards.png) no-repeat center top;
	font-size:18px;
}

.content.project .awards ul{
	margin:20px 0 0 0;
	font-size:13px;
}

.content.project .awards ul li{
	line-height:20px;
}

/* /PROJECT */

/* FOOTER */
.footer{
	padding:60px 5%;
}

.footer .vcard{
	padding:92px 0 0 0;
	background: url("../Img/logos/footer.png") no-repeat scroll left top transparent;
	background-size: 76px 59px;
}
/* /FOOTER */

